Flex items will wrap onto multiple lines, from top to bottom.
<div class="container wrap"> <div class=" flex basis3"> ... </div> <div class=" flex basis3"> ... </div> <div class=" flex basis3"> ... </div> </div>
All flex items will be on one line.
<div class="container nowrap"> <div class=" flex"> ... </div> <div class=" flex"> ... </div> <div class=" flex"> ... </div> </div>
Flex items will wrap onto multiple lines from bottom to top.
<div class="container wrap-reverse"> <div class=" flex basis3"> ... </div> <div class=" flex basis3"> ... </div> <div class=" flex basis3"> ... </div> </div>